<template>
  <section :class="[pannelClass,cname]">
    <h4>-{{ title }}-</h4>
    <slot/>
  </section>
</template>
<script>
export default {
  props: {
    cname: {
      trpe: String,
      default: ""
    },
    title: {
      trpe: String,
      default: ""
    }
  },
  data() {
    return {
      pannelClass: "panel",

    };
  }
};
</script>
<style lang="scss" >
@import '../../css/element.scss';
.panel {
    @include pannel;
}
</style>
